<?php 
$app = JFactory::getApplication();
$temp_path = JURI::base() . 'templates/' . $app->getTemplate();
require_once JPATH_BASE.'/mobiledetect/Mobile_Detect.php';
$detect = new Mobile_Detect;
$deviceType = ($detect->isMobile() ? ($detect->isTablet() ? 'tablet' : 'phone') : 'computer');
//echo $templateDir;exit;
?>
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <jdoc:include type="head" />    
    <!-- Le styles -->
    <link href="<?php echo $temp_path; ?>/css/bootstrap.css" rel="stylesheet">
    <link href="<?php echo $temp_path; ?>/css/bootstrap-responsive.css" rel="stylesheet">
	<link href="<?php echo $temp_path; ?>/css/main.css" rel="stylesheet">
    <link href="<?php echo $temp_path; ?>/css/font-awesome.min.css" rel="stylesheet">
    <?php if($deviceType != "computer"){ ?>
	<link href="<?php echo $temp_path; ?>/css/not_computer.css" rel="stylesheet">
	<?php } ?>
	<!-- HTML5 shim, for IE6-8 support of HTML5 elements -->
    <!--[if lt IE 9]>
      <script src="<?php echo $temp_path; ?>/js/html5shiv.js"></script>
    <![endif]-->
	<link rel="shortcut icon" href="<?php echo $temp_path;?>/favicon.png">
  </head>

  <body>

    <!--Header-->
    <header class="navbar navbar-fixed-top">
		<div class="container">
		<?php if($deviceType == "computer"){ ?>
			<div class="span3">
				<a href="./"><img width="230" class="logo" src="./images/webteam/lg.png" /></a>
			</div>
			<div class="span9">
				<div class="wrap_menu">
					<jdoc:include type="modules" name="menutop" style="none" /> 
				</div>
			</div> 
		<?php } else { ?>
			<div class="span12 mobile">
				<a href="./"><img width="230" class="logo" src="./images/webteam/lg.png" /></a>
			</div>
			<div class="span12">
				<div class="wrap_menu">
					<jdoc:include type="modules" name="menutop" style="none" /> 
				</div>
			</div> 
		<?php } ?>	
		</div>
	   
    </header>
    <!-- /header -->

    <section id="about-us" class="container main">
		<div class="container">
			
			<?php if ($this->countModules('left')) { ?>
			<div class="span3">
				<jdoc:include type="modules" name="left" />
			</div>
			<div class="span9">
				
				<?php if ($this->countModules('slider')) : ?>
				<div class="wrap_slider">
					<jdoc:include type="modules" name="slider" />
				</div>
				<?php endif; ?>
				
				<jdoc:include type="message" />
				<jdoc:include type="component" />
			
			</div> 
			<?php } else { ?>
				<jdoc:include type="message" />
				<jdoc:include type="component" />
			<?php } ?>
		</div>
		
		
</section>
    
<!--Footer-->
<footer id="footer">
    <div class="container">
        <div class="row-fluid">
            
            <!--/Goto Top-->
        </div>
    </div>
</footer>
<!--/Footer-->

    <!-- Le javascript
    ================================================== -->
    <!-- Placed at the end of the document so the pages load faster -->
    <script src="<?php echo $temp_path; ?>/js/jquery.js"></script>
    <script src="<?php echo $temp_path; ?>/js/bootstrap-transition.js"></script>
    <script src="<?php echo $temp_path; ?>/js/bootstrap-alert.js"></script>
    <script src="<?php echo $temp_path; ?>/js/bootstrap-modal.js"></script>
    <script src="<?php echo $temp_path; ?>/js/bootstrap-dropdown.js"></script>
    <script src="<?php echo $temp_path; ?>/js/bootstrap-scrollspy.js"></script>
    <script src="<?php echo $temp_path; ?>/js/bootstrap-tab.js"></script>
    <script src="<?php echo $temp_path; ?>/js/bootstrap-tooltip.js"></script>
    <script src="<?php echo $temp_path; ?>/js/bootstrap-popover.js"></script>
    <script src="<?php echo $temp_path; ?>/js/bootstrap-button.js"></script>
    <script src="<?php echo $temp_path; ?>/js/bootstrap-collapse.js"></script>
    <script src="<?php echo $temp_path; ?>/js/bootstrap-carousel.js"></script>
    <script src="<?php echo $temp_path; ?>/js/bootstrap-typeahead.js"></script>
	
	<script>
	
	$(function(){
			//alert($( window ).width());
			//alert($(window).with());
			$("li.item").click(function(){
				$(this).children( ".ulsub" ).toggle("slow");
			});
			
		});
	
	</script>
	
  </body>
</html>